<!DOCTYPE html>
<html>
<head>
    <title>更改挂号--中软高科-2015</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="../Css/style.css" />
    <script type="text/javascript" src="../Js/jquery.js"></script>
    <script type="text/javascript" src="../layer/layer.js"></script>
    <script type="text/javascript" src="../Js/bootstrap.js"></script>
    <script type="text/javascript" src="../Js/ckform.js"></script>
    <script type="text/javascript" src="../Js/common.js"></script>
    <script type="text/javascript" src="../Js/ckeditor/ckeditor.js"></script>
 

    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
    <script type="text/javascript">
    $(function () {       
		$('#backid').click(function(){
				window.location.href="index.html";
		 });
    });
    </script>
</head>
<body>
<form action="#" id="myForm" class="definewidth m20">
<table class="table table-bordered table-hover definewidth m10">
    <tr>
        <td width="10%" class="tableleft">姓名</td>
        <td><input type="text" name="hosR_name" onclick="checkName()" value="张三"/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">身份证号</td>
        <td><input type="text" name="hosR_idCar" onclick="checkCar()" value="4211232000111214123"/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">社保号</td>
        <td><input type="text" name="hosR_medical" onclick="checkMedical()" value="123456"/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">挂号费</td>
        <td><input type="text" name="hosR_regPrice" onclick="checkReg()" value="10"/>元</td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">联系电话</td>
        <td><input type="text" name="hosR_phone" onclick="checkPhone()" value="10001001"/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">是否自费</td>
        <td><input type="radio" name="hosR_selfPrice" value="1" checked/>否&nbsp;&nbsp;&nbsp;<input type="radio" name="hosR_selfPrice" value="0"/>是</td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">性别</td>
        <td><input type="radio" name="hosR_sex" value="1" checked/>男&nbsp;&nbsp;&nbsp;<input type="radio" name="hosR_sex" value="0"/>女</td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">年龄</td>
        <td><input type="text" name="hosR_age" onclick="checkAge()" value="18"/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">职业</td>
        <td><input type="text" name="hosR_work" onclick="checkWork()" value="学生"/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">初复诊</td>
        <td><input type="radio" name="hosR_lookDoctor" value="0" checked/>初诊&nbsp;&nbsp;&nbsp;<input type="radio" name="hosR_lookDoctor" value="1"/>复诊</td>
    </tr>
    <!--<tr>
        <td width="10%" class="tableleft">所挂科室</td>
        <td><select><option>急诊科</option><option>骨科</option><option>血液科</option></select></td>
    </tr>-->
    <tr>
        <td width="10%" class="tableleft">指定医生</td>
        <td><select id="doc" name="d_id"></select></td>
    </tr>
	<tr>
        <td width="10%" class="tableleft">备注</td>
        <td><textarea name="hosR_remark"></textarea></td>
	</tr>
    <tr>
        <td colspan="2">
			<center>
				<button type="button" class="btn btn-primary" id="upload">保存</button> &nbsp;&nbsp;<button type="button" class="btn btn-success" name="backid" id="backid">返回列表</button>
			</center>
		</td>
    </tr>
</table>
</form>
</body>
</html>
<script>
    $(function (){
        show();
        $("#upload").click(function (){
           upload();
        });
    });

    function show(){
        let windowId = layer.load();
        $.ajax({
            type: "GET",
            url: "/hosregister/show",
            data: "",
            dataType: "json",
            success: function (vo) {
                layer.close(windowId);
                if (vo.code == 200){
                    let list=vo.list;
                    let str="";
                    for(let i=0;i<list.length;i++){
                        let obj=list[i];
                        let d_id=obj.d_id;
                        let d_name=obj.d_name==null?'':obj.d_name;
                        str+=' <option value="'+d_id+'">'+d_name+'</option> ';
                    }
                    $("#doc").append(str);
                }else {
                    layer.msg(vo.msg)
                }
            }
        });
    }

    function upload() {
        let windowId = layer.load();
        $.ajax({
            type: "POST",
            url: "/hosregister/add",
            data: $("#myForm").serialize(),//主要是分页和多条件参数数据
            dataType: "json",
            success: function (vo) {
                layer.close(windowId);
                if (vo.code == 200){
                    layer.msg("挂号成功!");
                }else {
                    layer.msg(vo.msg)
                }
            }
        });
    }

    function checkName(){
        layer.tips("请输入2-4位有效名字","input:eq(0)",{tipsMore:true,tips:2});
    }
    function checkCar(){
        layer.tips("请输入18位有效身份证号","input:eq(1)",{tipsMore:true,tips:2});
    }
    function checkMedical(){
        layer.tips("请输入6位有效社保号","input:eq(2)",{tipsMore:true,tips:2});
    }
    function checkReg(){
        layer.tips("请输入0-999挂号费","input:eq(3)",{tipsMore:true,tips:2});
    }
    function checkPhone(){
        layer.tips("请输入11位有效手机号","input:eq(4)",{tipsMore:true,tips:2});
    }
    function checkAge(){
        layer.tips("请输入0-99有效年龄","input:eq(9)",{tipsMore:true,tips:2});
    }
    function checkWork(){
        layer.tips("请输入职业","input:eq(10)",{tipsMore:true,tips:2});
    }
</script>